<template>
    <div class="order-address">
        <!-- 地址 -->
        <OrderPanel>
            <template #header>收货地址 </template>
            <template #main>
                <div class="city">
                    配送至：<span
                        >{{ city.province }}-{{ city.city }}-{{
                            city.country
                        }}-{{ city.input }}</span
                    >
                    <el-button
                        color="#da9233"
                        size="small"
                        @click="$router.push('/member/info')"
                        >点击修改</el-button
                    >
                </div>
            </template>
        </OrderPanel>
    </div>
</template>

<script setup>
import OrderPanel from './order-panel.vue'
const city = JSON.parse(localStorage.useManage).profile.city
</script>

<style lang="scss" scoped>
.order-address {
    font-size: 16px;
    .city {
        display: flex;
        flex-direction: row;
        .el-button {
            margin-left: 20px;
        }
    }
}
</style>
